/* ::::: http://t.tmimgcdn.com/themes/default/css/livedemo.css?13164 ::::: */

* { margin: 0px; padding: 0px; }
.clear { clear: both; }
a { text-decoration: underline; }
a:hover { text-decoration: none; }
html { height: 100%; }
body { height: 100%; width: 100%; overflow: hidden; background-color: rgb(255, 255, 255); }
html {  }
iframe, #iframelive { width: 100%; background-color: rgb(255, 255, 255); }
@media only screen and (min-width: 1100px) and (max-width: 1189px) {
}
@media only screen and (min-width: 900px) and (max-width: 1099px) {
}
@media only screen and (min-width: 768px) and (max-width: 899px) {
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
}
@media only screen and (min-width: 410px) and (max-width: 599px) {
}
@media only screen and (max-width: 409px) {
}
/* ::::: http://t.tmimgcdn.com/themes/default/css/livedemo/bootstrap.css?13739 ::::: */

.clearfix {  }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
audio:not([controls]) { display: none; }
html { font-size: 100%; }
a:focus { outline: thin dotted rgb(51, 51, 51); outline-offset: -2px; }
a:hover, a:active { outline: 0px none; }
img { max-width: 100%; height: auto; vertical-align: middle; border: 0px none; }
button, input, select, textarea { margin: 0px; font-size: 100%; vertical-align: middle; }
button, input { line-height: normal; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0px; border: 0px none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; }
body { margin: 0px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px; line-height: 16px; color: rgb(102, 102, 102); background-color: rgb(255, 255, 255); }
a { color: rgb(1, 121, 198); text-decoration: none; }
a:hover, a:focus { color: rgb(1, 121, 198); }
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; }
.container { margin-right: auto; margin-left: auto; }
.container:before, .container:after { display: table; content: ""; line-height: 0; }
.container:after { clear: both; }
p { margin: 0px 0px 8px; }
strong { font-weight: bold; }
em { font-style: italic; }
ul, ol { padding: 0px; margin: 0px 0px 8px 25px; }
li { line-height: 16px; }
dl { margin-bottom: 16px; }
dt, dd { line-height: 16px; }
dt { font-weight: bold; }
dd { margin-left: 8px; }
.dropdown-toggle {  }
.dropdown-toggle:active, .open .dropdown-toggle { outline: 0px none; }
.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; list-style: none outside none; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px 6px 6px 6px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); background-clip: padding-box; }
.btn { display: inline-block; padding: 4px 12px; margin-bottom: 0px; font-size: 13px; line-height: 16px; text-align: center; vertical-align: middle; cursor: pointer; color: rgb(51, 51, 51); text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75); background-color: rgb(177, 209, 242); background-image: linear-gradient(to bottom, rgb(251, 251, 251), rgb(66, 145, 228)); background-repeat: repeat-x; border-width: 1px; border-style: solid; border-color: rgb(180, 180, 180) rgb(180, 180, 180) rgb(155, 155, 155); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 4px 4px 4px 4px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05); }
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: rgb(51, 51, 51); background-color: rgb(66, 145, 228); }
.btn:active, .btn.active {  }
.btn:first-child {  }
.btn:hover, .btn:focus { color: rgb(51, 51, 51); text-decoration: none; background-position: 0px -15px; transition: background-position 0.1s linear 0s; }
.btn:focus { outline: thin dotted rgb(51, 51, 51); outline-offset: -2px; }
.btn.active, .btn:active { background-image: none; outline: 0px none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.05); }
.btn-primary { color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); background-color: rgb(1, 95, 198); background-image: linear-gradient(to bottom, rgb(1, 121, 198), rgb(1, 55, 198)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: rgb(255, 255, 255); background-color: rgb(1, 55, 198); }
.btn-primary:active, .btn-primary.active {  }
button.btn, input.btn[type="submit"] {  }
button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner { padding: 0px; border: 0px none; }
.btn-group { position: relative; display: inline-block; font-size: 0px; vertical-align: middle; white-space: nowrap; }
.btn-group:first-child {  }
.btn-group > .btn { position: relative; border-radius: 0px 0px 0px 0px; }
.btn-group > .btn + .btn { margin-left: -1px; }
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 13px; }
.btn-group > .btn:first-child { margin-left: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px none; }
.popover { position: absolute; top: 0px; left: 0px; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px 6px 6px 6px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }
/* ::::: http://t.tmimgcdn.com/themes/default/css/livedemo/responsive.css?13593 ::::: */

.clearfix {  }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
#iframelive { height: 100%; background: url('resp-bg.png') repeat scroll 43% 0px rgb(22, 22, 22); }
#iframelive.desktop iframe { width: 100%; margin: 0px; }
#iframelive.desktop #frameWrapper { background: none repeat scroll 0% 0% transparent; margin: 0px; height: 100%; }
#iframelive.desktop {  }
/* ::::: http://t.tmimgcdn.com/themes/default/css/livedemo/style.css?13739 ::::: */

.clearfix {  }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
ul { list-style-type: none; }
*, a:focus { outline: medium none ! important; }
body { min-width: 320px; color: rgb(102, 102, 102); }
body, html { height: 100%; }
.btn { background: none repeat scroll 0% 0% rgb(250, 250, 250); display: inline-block; border-radius: 5px 5px 5px 5px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 1px rgb(255, 255, 255) inset; font-size: 13px; line-height: 1em; color: rgb(51, 51, 51); font-weight: bold; text-decoration: none; padding: 9px 16px 10px; margin: 0px; transition: none 0s ease 0s ; }
.btn-primary { background: none repeat scroll 0% 0% rgb(45, 129, 215); color: rgb(255, 255, 255); border-color: rgb(43, 121, 204); }
.btn:hover { background: linear-gradient(to bottom, rgb(252, 252, 252), rgb(243, 243, 243)) repeat-x scroll 0px center rgb(248, 248, 248); border-color: rgb(180, 180, 180); color: rgb(51, 51, 51); transition: none 0s ease 0s ; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgb(255, 255, 255) inset; }
.btn:active { background: linear-gradient(to bottom, rgb(240, 240, 240), rgb(226, 226, 226)) repeat-x scroll 0px center rgb(234, 234, 234); border-color: rgb(184, 184, 184); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 5px rgba(0, 0, 0, 0.1) inset; }
.btn:focus { background: none repeat scroll 0% 0% rgb(250, 250, 250); }
.btn-primary:hover { background: linear-gradient(to bottom, rgb(46, 131, 222), rgb(29, 109, 185)) repeat-x scroll 0px center rgb(39, 122, 207); text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2); border-color: rgb(15, 83, 155); color: rgb(255, 255, 255); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgb(255, 255, 255) inset; }
.btn-primary:active { background: linear-gradient(to bottom, rgb(37, 122, 211), rgb(35, 117, 196)) repeat-x scroll 0px center rgb(36, 120, 205); border-color: rgb(22, 92, 166); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 5px 5px rgba(0, 0, 0, 0.1) inset; }
.btn-primary:focus { background: linear-gradient(to bottom, rgb(37, 122, 211), rgb(35, 117, 196)) repeat-x scroll 0px center rgb(36, 120, 205); }
.btn-primary { font-size: 16px; line-height: 18px; padding: 10px 16px 8px; }
#frameWrapper { background: none repeat scroll 0px 0px transparent; height: 100%; margin: 0px; }
#frame { position: relative; height: 100%; }
a.brand_livedemo { float: left; background: url('logo_livedemo.png') no-repeat scroll 0px 0px transparent; display: block; font-size: 0px; height: 31px; line-height: 0; margin: 9px 0px 0px 25px; overflow: hidden; padding: 0px; position: relative; text-indent: -9999px; width: 166px; z-index: 99; }
#advanced { position: relative; z-index: 998; height: 50px; top: 0px; left: 0px; }
#advanced .bg { height: 50px; border-bottom: 1px solid rgb(203, 201, 153); background: none repeat scroll 0% 0% rgb(255, 255, 230); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); }
#advanced span.trigger { display: block; position: absolute; background: none repeat scroll 0% 0% rgb(255, 255, 230); width: 81px; height: 26px; left: 17px; bottom: -27px; cursor: pointer; border-right: 1px solid rgb(203, 201, 153); border-width: 0px 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(203, 201, 153) rgb(203, 201, 153); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1); }
#advanced span.trigger em { background: url('trigger-arrow.png') no-repeat scroll 0px 0px transparent; display: block; width: 17px; height: 10px; position: absolute; left: 32px; bottom: 8px; }
.topbar_info { float: right; position: relative; }
.topbar_info .buy_now { margin: 4px 25px 0px 26px; }
.topbar_info .buy_now .dropdown-toggle { padding: 14px 8px 13px; border-bottom-right-radius: 6px ! important; border-top-right-radius: 6px ! important; }
.topbar_info .buy_now > a { color: rgb(255, 255, 255); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); position: relative; padding: 5px 20px; text-align: center; -moz-box-sizing: border-box; font-size: 16px; line-height: 18px; border-bottom-left-radius: 6px ! important; border-top-left-radius: 6px ! important; }
.topbar_info .buy_now > a span { display: block; font-size: 11px; line-height: 12px; color: rgb(211, 228, 245); font-weight: normal; text-shadow: none; }
.topbar_info .buy_now > a:hover { color: rgb(211, 228, 245); }
.topbar_info .buy_now.btn-group button.btn-primary:hover { background: linear-gradient(to bottom, rgb(46, 131, 222), rgb(29, 109, 185)) repeat-x scroll 0px center rgb(39, 122, 207); text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.2); border-color: rgb(15, 83, 155); color: rgb(255, 255, 255); box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2), 0px 0px 1px rgb(255, 255, 255) inset; }
.topbar_info .buy_now.btn-group button.dropdown-toggle:focus { background: linear-gradient(to bottom, rgb(37, 122, 211), rgb(35, 117, 196)) repeat-x scroll 0px center rgb(36, 120, 205); }
.topbar_info .buy_now.btn-group button.dropdown-toggle em { background: url('sprite.png') no-repeat scroll -193px -78px transparent; display: block; width: 7px; height: 13px; cursor: pointer; z-index: 1000; }
.topbar_info .buy_now, .topbar_info .view_options { float: right; }
.box-drop { -moz-box-sizing: border-box; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(205, 205, 205); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.3); border-radius: 5px 5px 5px 5px; margin-top: 1px; padding: 8px 0px 15px 18px; float: none; right: 0px; left: auto; }
.list-drop { margin: 0px; padding: 0px; }
.list-drop li { font-size: 13px; padding: 8px 120px 7px 0px; position: relative; line-height: 19px; }
.list-drop li > a { color: rgb(79, 79, 79); position: relative; }
.list-drop li > a:hover { color: rgb(38, 115, 180); }
.list-drop li .recommended { background: url('bg-recom.png') no-repeat scroll 0px 0px transparent; color: rgb(255, 255, 255); font-size: 12px; padding: 5px 10px 5px 18px; display: block; position: absolute; top: 1px; right: -1px; font-weight: normal; }
.list-drop li .popover { right: 84%; top: 36px; padding-top: 11px; margin-right: -20px; background: none repeat scroll 0% 0% rgb(255, 255, 238); color: rgb(77, 77, 77); line-height: 15px; font-size: 12px; padding-right: 5px; }
.name_template { float: right; font-size: 13px; line-height: 16px; color: rgb(79, 79, 79); padding: 18px 0px 0px; position: relative; }
.name_template .link-1 { position: relative; overflow: hidden; border-bottom: 1px dotted rgb(1, 121, 198); }
.popover { position: absolute; cursor: default; pointer-events: none; transition: all 0.3s ease 0s; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); top: 24px; display: block; right: -203px; left: auto; opacity: 0; -moz-box-sizing: border-box; border: 1px solid rgb(206, 206, 206); border-radius: 5px 5px 5px 5px; width: 260px; padding: 1px 13px 11px; }
.popover:before { background: url('angle_popover.png') no-repeat scroll 0px 0px transparent; width: 22px; height: 11px; position: absolute; right: 223px; top: -11px; content: ""; display: block; }
.list-drop .popover { position: absolute; cursor: default; pointer-events: none; transition: all 0.3s ease 0s; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); top: 36px; display: block; right: 200px; left: auto; opacity: 0; -moz-box-sizing: border-box; border: 1px solid rgb(206, 206, 206); border-radius: 5px 5px 5px 5px; width: 260px; padding: 1px 13px 11px; }
.list-drop .popover:before { background: url('angle_popover.png') no-repeat scroll 0px 0px transparent; width: 22px; height: 11px; position: absolute; right: 27px ! important; top: -11px; content: ""; display: block; }
.view_options { position: relative; }
.view_options dt { border: 1px solid rgb(255, 255, 230); position: relative; padding: 11px 10px 5px; width: 47px; margin: 1px 0px ! important; -moz-box-sizing: border-box; border-radius: 4px 4px 4px 4px; cursor: pointer; height: 37px; }
.view_options dt:before { width: 5px; height: 16px; position: absolute; right: 7px; top: 11px; display: block; content: ""; }
.view_options dt:hover, .view_options dt.active { border: 1px solid rgb(225, 225, 212); }
.view_options dt img { width: 21px; height: 21px; display: inline-block; position: relative; top: -4px; left: -3px; float: left; }
.view_options dd { border: 1px solid rgb(206, 206, 206); border-radius: 4px 4px 4px 4px; background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0px; position: absolute; left: auto; right: -8px; top: 50px; padding: 16px 24px 14px; width: 180px; }
@media only screen and (min-width: 980px) and (max-width: 1050px) {
}
@media only screen and (max-width: 979px) {
	.view_options { display: none; }
}
@media only screen and (min-width: 768px) and (max-width: 865px) {
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
	.top_container { width: 724px; }
}
@media only screen and (max-width: 767px) {
	.top_container { width: 100%; -moz-box-sizing: border-box; }
	.topbar_info .buy_now { margin-left: 10px; }
}
a.brand_livedemo { width: 36px; }
.name_template { float: left; margin-left: 8px; }
#responsivator { float: left; margin: 16px 0px 0px; }
#responsivator li { float: left; margin: 0px 17px 0px 0px; }
#responsivator li.active { float: left; }
#responsivator li.qr { opacity: 1 ! important; }
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 100%; }
.responsive-block { width: 260px; float: left; height: 50px; position: absolute; top: -5px; display: none; }
#qr-text { float: left; background: url('qr-text.png') no-repeat scroll 3px -20px rgb(40, 40, 40); height: 21px; width: 180px; position: relative; right: 0px; top: -10px; }
#desktop { position: relative; top: 0px; left: 0px; background: url('sprite.png') no-repeat scroll 3px 0px transparent; width: 34px; height: 26px; display: block; float: right; margin: 1px 0px 0px 1px; cursor: pointer; }
#desktop:hover, #desktop.active { background: url('sprite.png') no-repeat scroll 3px -34px transparent; }
#tablet-landscape { position: relative; top: 0px; left: 0px; background: url('sprite.png') no-repeat scroll -49px 0px transparent; width: 22px; height: 22px; display: block; float: right; margin: 1px 0px 0px 1px; cursor: pointer; }
#tablet-landscape:hover, #tablet-landscape.active { background: url('sprite.png') no-repeat scroll -49px -34px transparent; }
#tablet-portrait { position: relative; top: 0px; left: 0px; background: url('sprite.png') no-repeat scroll -90px 0px transparent; width: 18px; height: 24px; display: block; float: right; margin: 1px 0px 0px 1px; cursor: pointer; }
#tablet-portrait:hover, #tablet-portrait.active { background: url('sprite.png') no-repeat scroll -91px -33px transparent; }
#iphone-landscape { position: relative; top: 0px; left: 0px; background: url('sprite.png') no-repeat scroll -129px 0px transparent; width: 20px; height: 20px; display: block; float: right; margin: 1px 0px 0px 1px; cursor: pointer; }
#iphone-landscape:hover, #iphone-landscape.active { background: url('sprite.png') no-repeat scroll -128px -33px transparent; }
#iphone-portrait { position: relative; top: 0px; left: 0px; background: url('sprite.png') no-repeat scroll -166px 0px transparent; width: 12px; height: 26px; display: block; float: right; margin: 1px 0px 0px 1px; cursor: pointer; }
#iphone-portrait:hover, #iphone-portrait.active { background: url('sprite.png') no-repeat scroll -166px -33px transparent; }
#qr { position: relative; top: -6px; left: -3px; }
#qr-arr { background: url('qr-arr.png') no-repeat scroll 0px 0px transparent; height: 26px; width: 15px; position: relative; left: 181px; top: 0px; }
.view_options dd:before { background: url('angle_popover.png') no-repeat scroll 0px 0px transparent; width: 22px; height: 11px; position: absolute; right: 6px; top: -11px; content: ""; display: block; }
#arr, #arr2 { background: url('sprite.png') no-repeat scroll -193px -8px transparent; width: 10px; height: 10px; display: block; float: right; margin: 1px 0px 0px 4px; }
#arr2 { margin: 0px -8px 0px 0px; }
#arr { background: url('sprite.png') no-repeat scroll -188px -6px transparent; margin: 0px; padding: 5px 3px 2px 4px; width: 7px; }
#popover2 { opacity: 1; display: none; z-index: 9999999; border: 1px solid rgb(206, 206, 206); border-radius: 4px 4px 4px 4px; background: none repeat scroll 0% 0% rgb(255, 255, 255); margin: 0px; position: absolute; left: auto; right: -129px; top: 55px; padding: 18px 2px 8px 16px; width: 180px; }
#popover2:before { background: url('angle_popover.png') no-repeat scroll 0px 0px transparent; width: 22px; height: 11px; position: absolute; right: 155px; top: -11px; content: ""; display: block; }
#popover2 a { color: inherit; }
#popover2 a:hover { color: rgb(38, 115, 180); }
#popover2 span { float: left; width: 13px; height: 15px; display: block; margin: 0px 7px 14px 0px; }
#popover2 #pop_link1 { background: url('sprite.png') no-repeat scroll -50px -77px transparent; }
#popover2 #pop_link2 { background: url('sprite.png') no-repeat scroll -9px -77px transparent; }
#popover2 #pop_link3 { background: url('sprite.png') no-repeat scroll -94px -77px transparent; }
/* ::::: http://t.tmimgcdn.com/themes/default/css/livedemo/responsive.css?13593 ::::: */

.clearfix {  }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
#iframelive { height: 100%; background: url('resp-bg.png') repeat scroll 43% 0px rgb(22, 22, 22); }
#iframelive.desktop iframe { width: 100%; margin: 0px; }
#iframelive.desktop #frameWrapper { background: none repeat scroll 0% 0% transparent; margin: 0px; height: 100%; }
#iframelive.desktop {  }
